// pages/index11/index11.js
Page({

    /**
     * 页面的初始数据
     */
    data: {
        list: [],
        nameChecked: '',
        inputStr: ''
    },

    inputHandler() {},

    changeName(e) {
        const name = e.detail
        this.setData({
            nameChecked: e.detail
        })
    },

    tapHandler() {
        const {list, inputStr} = this.data
        if (!list.includes(inputStr)) {
            list.push(inputStr)
        }
        this.setData({list})
    },

    /**
     * 生命周期函数--监听页面加载
     */
    onLoad: function (options) {
        // 相当于 vue created 可以用来发请求
        console.log('页面加载');
        setTimeout(() => {
            const index = this.data.list.length
            const list = this.data.list
            for(let i = index; i<index+20; i++) {
                list.push(i)
            }
            this.setData({list})
        }, 500);
    },

    /**
     * 生命周期函数--监听页面初次渲染完成
     */
    onReady: function () {
        // 相当于 vue mounted 已经可以拿到当前页面的元素和组件
        console.log('页面渲染完毕');
    },

    /**
     * 生命周期函数--监听页面显示
     */
    onShow: function () {
        console.log('页面级别出现');
    },

    /**
     * 生命周期函数--监听页面隐藏
     */
    onHide: function () {
        console.log('页面级别的隐藏');
    },

    /**
     * 生命周期函数--监听页面卸载
     */
    onUnload: function () {
        console.log('页面卸载');
        // 页面到底是卸载还是隐藏取决于跳转方式
    },

    /**
     * 页面相关事件处理函数--监听用户下拉动作
     */
    onPullDownRefresh: function () {
        console.log('触发下拉刷新功能, 一般用来重置页面数据');
    },

    /**
     * 页面上拉触底事件的处理函数
     */
    onReachBottom: function () {
        console.log('上拉触底, 一般用来做无限翻页');
        setTimeout(() => {
            const index = this.data.list.length
            const list = this.data.list
            for(let i = index; i<index+20; i++) {
                list.push(i)
            }
            this.setData({list})
        }, 500);
    },

    /**
     * 用户点击右上角分享
     */
    onShareAppMessage: function () {
        console.log('用户分享时会触发, 如果要奖励用户分享, 逻辑可以写在这');
    },

    onResize() {
        // 必须搭配页面配置 "pageOrientation": "auto" 使用
        console.log('页面可见区域发生变化');
    }
})